.go-bi-xuan{
  .sticky-wrapper{
    background: #fff;
    top: 0;
    position: sticky;
    z-index: 99;
    margin-bottom: 10px;
  }
  // 分类
  .category-list{
    .category-item{
      color: #000;
      font-size: 28rpx;
      padding: 0 20rpx;
      line-height: 86rpx;
      display: inline-block;
      
      &.active{
        font-weight: bold;
        position: relative;

        &::after{
          content: '';
          left: 50%;
          margin-left: -14rpx;
          bottom: 10rpx;
          width: 28rpx;
          height: 4rpx;
          position: absolute;
          background: #000;
        }
      }
    }
  }
  // tag
  .tag-list{
    padding: 20rpx 0;
    .tag-item{
      padding: 0 15rpx;
      display: inline-block;
      .title{
        color: #000;
        font-size: 28rpx;
        padding: 0 15rpx;
        line-height: 54rpx;
        border: 1px solid #000;
        border-radius: 2px;
        display: inline-block;
      }

      &:first-child{
        padding-left: 20rpx;
      }
      &:last-child{
        padding-right: 20rpx;
      }
      
      &.active{
        .title{
          color: #fff;
          background: #000;
        }
      }
    }
  }

  //article-list
  .article-list{
    .article-item{
      @include flex;

      padding: 32rpx 20rpx 32rpx 20rpx;
      margin-top: 20rpx;
      background-color: #fff;

      .sub-item{
        @include sub-item;
        @include flex(column);
        @include j-between;
      }

      .img{
        width: 220rpx;
        height: 132rpx;
        display: block;
        margin-left: 36rpx;
      }
      .pic{
        width: 300rpx;
        height: 180rpx;
        display: block;
        margin-right: 28rpx;
      }

      .article-item_title{
        @include text-ellipsis-line;
        color: #000;
        font-size: 28rpx;
        line-height: 32rpx;
        max-height: 64rpx;
      }
      .article-item_num{
        @include flex;
        @include j-between;
        @include a-center;
        color: #999;
        font-size: 24rpx;

        .view{
          @include flex;
          @include a-center;

          .icon{
            width: 30rpx; 
            height: 20rpx;
            margin-right: 10rpx;
            display: block;
          }
        }
        .btn{
          width: 150rpx;
          height: 58rpx;
        }
      }
      

      &.first{
        padding: 20rpx;
        display: block;

        .img{
          width: 710rpx;
          height: 380rpx;
          display: block;
          margin: 0 auto;
        }
        .article-item_title{
          padding: 24rpx 12rpx;
        }
        .article-item_num{
          padding: 0 12rpx;
        }
        
      }
    }
  }

  //url-content
  .url-content{
    margin-top: 20rpx;
  }
}